html,body{
    width: 100%;
    margin: 0px 0px;
    font-family: "Microsoft YaHei";
}
.top-row{
    width: 100%;
    height: 40px;
    background: #0062AC;
    margin: 0px 0px;
    height: 40px;
    vertical-align: middle;
    line-height: 40px;
    display: grid;
    grid-template-columns: 1fr auto 1fr;
    grid-template-areas: "top1 top2 top3";
}
.top-column-1{
    grid-area: "top1";
}
.top-column-2{
    width: 1150px;
    grid-area: "top2";
    display: grid;
    grid-template-columns: 1fr 1fr auto;
    grid-template-areas: "left middle right";
}
.top-column-3{
    grid-area: "top3";
}
.top-left{
    grid-area: "left";
}
.top-middle{
    grid-area: "middle";
    text-align: right;
}
.top-right{
    grid-area: "right";
}
#times{
    font-size: 11px;
    height: 40px;
    vertical-align: middle;
    line-height: 40px;
    color: #FFFFFF;
    float: left;
}
#top-menu{
    font-size: 11px;
    height: 40px;
    line-height: 40px;
    vertical-align: middle;
    color: white;
}
#top-menu:hover{
    cursor: pointer;
}
#image{
    margin-top: 3px;
    margin-left: 35px;
    margin-right: 5px;
    float: left;
}
#me{
    height: 40px;
    line-height: 40px;
    vertical-align: middle;
    float: left;
}
#mee{
    height: 40px;
    line-height: 40px;
    vertical-align: middle;
    margin-left: 35px;
    float: left;
}
.arow{
	display: grid;
    background: #EEF9FD;
    grid-template-columns: 1fr auto 1fr;
	grid-template-areas: "a1 a2 a3";
	float: none;
}
.acolumn-1{
	grid-area: "a1";
}
.acolumn-2{
	grid-area: "a2";
}
.acolumn-3{
	grid-area: "a3";
}
.doc{
    background: #EEF9FD;
    height: 120px;
    line-height: 120px;
    text-align:center;
    vertical-align: middle;
}
#xxgcxy{
    margin-top: 20px;
    width: 590px;
}
#cs{
    margin-left: 100px;
    width: 330px;
}
.brow{
	display: grid;
    background: #0062AC;
    height: 60px;
    grid-template-columns: 1fr auto 1fr;
	grid-template-areas: "b1 b2 b3";
	float: none;
}
.bcolumn-1{
	grid-area: "b1";
}
.bcolumn-2{
	grid-area: "b2";
}
.bcolumn-3{
	grid-area: "b3";
}
.menu{
    margin-bottom: 15px;
    background: #0062AC;
    width: 100%;
    height: 60px;
    line-height: 60px;
    font-size: 18px;
    text-align:center;
    vertical-align: middle;
    padding: 0 10px;
}
.menu-0{
    height: 60px;
    width: 1200px;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
    grid-template-areas: "a b c d e f g h i j";
    color: white;
}
.menu-1 div a{
    margin: 0px 0px;
    padding: 0px 0px;
    grid-area: "a";
    text-decoration: none;
    color: white;
    display: block;
    text-align: center;
}
.menu-2 div a{
    margin: 0px 0px;
    padding: 0px 0px;
    grid-area: "b";
    text-decoration: none;
    color: white;
    display: block;
    text-align: center;
}
.menu-2 div ul{
    margin: 0px 0px;
    padding: 0px 0px;
    list-style-type: none;
    white-space:nowrap;
    display: none;
    background: #0062AC;
    position: relative;
    font-size: 14px;
}
.menu-2 div ul li{
    margin: 0px 0px;
    padding: 0px 0px;
    float:none;
    height: 50px;
    line-height: 50px;
    text-align: center;
    border-bottom: #277bbb solid 1px;
}
.menu-2 div:hover ul{
    display: block;
}
.menu-2 div ul li:hover{
    background: #06336d;
}
.menu-3 div a{
    margin: 0px 0px;
    padding: 0px 0px;
    grid-area: "c";
    text-decoration: none;
    color: white;
    display: block;
    text-align: center;
}
.menu-3 div ul{
    margin: 0px 0px;
    padding: 0px 0px;
    list-style-type: none;
    white-space:nowrap;
    display: none;
    background: #0062AC;
    position: relative;
    font-size: 14px;
}
.menu-3 div ul li{
    margin: 0px 0px;
    padding: 0px 0px;
    float:none;
    height: 50px;
    line-height: 50px;
    text-align: center;
    border-bottom: #277bbb solid 1px;
}
.menu-3 div:hover ul{
    display: block;
}
.menu-3 div ul li:hover{
    background: #06336d;
}
.menu-4 div a{
    margin: 0px 0px;
    padding: 0px 0px;
    grid-area: "d";
    text-decoration: none;
    color: white;
    display: block;
    text-align: center;
}
.menu-4 div ul{
    margin: 0px 0px;
    padding: 0px 0px;
    list-style-type: none;
    white-space:nowrap;
    display: none;
    background: #0062AC;
    position: relative;
    font-size: 14px;
}
.menu-4 div ul li{
    margin: 0px 0px;
    padding: 0px 0px;
    float:none;
    height: 50px;
    line-height: 50px;
    text-align: center;
    border-bottom: #277bbb solid 1px;
}
.menu-4 div:hover ul{
    display: block;
}
.menu-4 div ul li:hover{
    background: #06336d;
}
.menu-5 div a{
    margin: 0px 0px;
    padding: 0px 0px;
    grid-area: "e";
    text-decoration: none;
    color: white;
    display: block;
    text-align: center;
}
.menu-5 div ul{
    margin: 0px 0px;
    padding: 0px 0px;
    list-style-type: none;
    white-space:nowrap;
    display: none;
    background: #0062AC;
    position: relative;
    font-size: 14px;
}
.menu-5 div ul li{
    margin: 0px 0px;
    padding: 0px 0px;
    float:none;
    height: 50px;
    line-height: 50px;
    text-align: center;
    border-bottom: #277bbb solid 1px;
}
.menu-5 div:hover ul{
    display: block;
}
.menu-5 div ul li:hover{
    background: #06336d;
}
.menu-6 div a{
    margin: 0px 0px;
    padding: 0px 0px;
    grid-area: "f";
    text-decoration: none;
    color: white;
    display: block;
    text-align: center;
}
.menu-6 div ul{
    margin: 0px 0px;
    padding: 0px 0px;
    list-style-type: none;
    white-space:nowrap;
    display: none;
    background: #0062AC;
    position: relative;
    font-size: 14px;
}
.menu-6 div ul li{
    margin: 0px 0px;
    padding: 0px 0px;
    float:none;
    height: 50px;
    line-height: 50px;
    text-align: center;
    border-bottom: #277bbb solid 1px;
}
.menu-6 div:hover ul{
    display: block;
}
.menu-6 div ul li:hover{
    background: #06336d;
}
.menu-7 div a{
    margin: 0px 0px;
    padding: 0px 0px;
    grid-area: "g";
    text-decoration: none;
    color: white;
    display: block;
    text-align: center;
}
.menu-7 div ul{
    margin: 0px 0px;
    padding: 0px 0px;
    list-style-type: none;
    white-space:nowrap;
    display: none;
    background: #0062AC;
    position: relative;
    font-size: 14px;
}
.menu-7 div ul li{
    margin: 0px 0px;
    padding: 0px 0px;
    float:none;
    height: 50px;
    line-height: 50px;
    text-align: center;
    border-bottom: #277bbb solid 1px;
}
.menu-7 div:hover ul{
    display: block;
}
.menu-7 div ul li:hover{
    background: #06336d;
}
.menu-8 div a{
    margin: 0px 0px;
    padding: 0px 0px;
    grid-area: "h";
    text-decoration: none;
    color: white;
    display: block;
    text-align: center;
}
.menu-8 div ul{
    margin: 0px 0px;
    padding: 0px 0px;
    list-style-type: none;
    white-space:nowrap;
    display: none;
    background: #0062AC;
    position: relative;
    font-size: 14px;
}
.menu-8 div ul li{
    margin: 0px 0px;
    padding: 0px 0px;
    float:none;
    height: 50px;
    line-height: 50px;
    text-align: center;
    border-bottom: #277bbb solid 1px;
}
.menu-8 div:hover ul{
    display: block;
}
.menu-8 div ul li:hover{
    background: #06336d;
}
.menu-9 div a{
    margin: 0px 0px;
    padding: 0px 0px;
    grid-area: "i";
    text-decoration: none;
    color: white;
    display: block;
    text-align: center;
}
.menu-9 div ul{
    margin: 0px 0px;
    padding: 0px 0px;
    list-style-type: none;
    white-space:nowrap;
    display: none;
    background: #0062AC;
    position: relative;
    font-size: 14px;
}
.menu-9 div ul li{
    margin: 0px 0px;
    padding: 0px 0px;
    float:none;
    height: 50px;
    line-height: 50px;
    text-align: center;
    border-bottom: #277bbb solid 1px;
}
.menu-9 div:hover ul{
    display: block;
}
.menu-9 div ul li:hover{
    background: #06336d;
}
.menu-10 div a{
    margin: 0px 0px;
    padding: 0px 0px;
    grid-area: "j";
    text-decoration: none;
    color: white;
    display: block;
    text-align: center;
}
.menu-10 div ul{
    margin: 0px 0px;
    padding: 0px 0px;
    list-style-type: none;
    white-space:nowrap;
    display: none;
    background: #0062AC;
    position: relative;
    font-size: 14px;
}
.menu-10 div ul li{
    margin: 0px 0px;
    padding: 0px 0px;
    float:none;
    height: 50px;
    line-height: 50px;
    text-align: center;
    border-bottom: #277bbb solid 1px;
}
.menu-10 div:hover ul{
    display: block;
}
.menu-10 div ul li:hover{
    background: #06336d;
}
.crow{
	display: grid;
    grid-template-columns: 1fr auto 1fr;
	grid-template-areas: "c1 c2 c3";
	float: none;
}
.ccolumn-1{
	grid-area: "c1";
}
.ccolumn-2{
	grid-area: "c2";
}
.ccolumn-3{
	grid-area: "c3";
}
.row{
    display: grid;
    grid-template-columns: 585px 570px;
    grid-template-areas: "a b";
    color: #0062AC;
    vertical-align: middle;
    font-family: "microsoft yahei";
}
.column-1{
    width: 555px;
    margin-right: 30px;
    grid-area: "a";
}
.column-1 h1{
    font-size: 25px;
    font-weight: normal;
    padding-bottom: 10px;
    border-bottom: 5px solid #EE7600;
}
#container{
    width: 555px;
    height: 380px;
    overflow: hidden;
}
#photo{
    width: 2220px;
    animation: switch 10s ease-out infinite;
}
#photo > img{
    float:left;
    width: 555px;
    height: 380px;
}
@keyframes switch{
    0%, 13%{
        margin-left: 0px;
    }
    25%, 38%{
        margin-left: -555px;
    }
    50%, 63%{
        margin-left: -1110px;
    }
    75%, 88%{
        margin-left: -1665px;
    }
}
.column-2{
    grid-area: "b";
}
.column-2 h1{
    font-size: 25px;
    font-weight: normal;
    padding-bottom: 10px;
    border-bottom: 5px solid #FFB5C5;
}
.column-2 h1 a{
    padding-top: 20px;
    font-size: 14px;
    font-weight: bold;
    float: right;
    vertical-align: middle;
    text-decoration: none;
    color: #0062AC;
}
.column-3{
    margin-right: 15px;
    grid-area: "a";
}
.column-3 h1{
    font-size: 25px;
    font-weight: normal;
    padding-bottom: 10px;
    border-bottom: 5px solid #71BB4E;
}
.column-3 h1 a{
    padding-top: 20px;
    font-size: 14px;
    font-weight: bold;
    float: right;
    vertical-align: middle;
    text-decoration: none;
    color: #0062AC;
}
.column-4{
    grid-area: "b";
}
.column-4 h1{
    font-size: 25px;
    font-weight: normal;
    padding-bottom: 10px;
    border-bottom: 5px solid #24A9E6;
}
.column-4 h1 a{
    padding-top: 20px;
    font-size: 14px;
    font-weight: bold;
    float: right;
    vertical-align: middle;
    text-decoration: none;
    color: #0062AC;
}
.column-5{
    margin-right: 15px;
    grid-area: "a";
}
.column-5 h1{
    font-size: 25px;
    font-weight: normal;
    padding-bottom: 10px;
    border-bottom: 5px solid #F8B62A;
}
.column-5 h1 a{
    padding-top: 20px;
    font-size: 14px;
    font-weight: bold;
    float: right;
    vertical-align: middle;
    text-decoration: none;
    color: #0062AC;
}
.column-6{
    grid-area: "b";
}
.column-6 h1{
    font-size: 25px;
    font-weight: normal;
    padding-bottom: 10px;
    border-bottom: 5px solid #FF0000;
}
.column-6 h1 a{
    padding-top: 20px;
    font-size: 14px;
    font-weight: bold;
    float: right;
    vertical-align: middle;
    text-decoration: none;
    color: #0062AC;
}
.column-row-0{
    display: grid;
    grid-template-columns: 490px 1fr;
    grid-template-areas: "aa bb";
}
.column-row-1{
    grid-area: "aa";
    font-size: 0.75vw;
    color: black;
}
.column-row-1 li{
    padding-top: 9px;
    padding-bottom: 9px;
    border-bottom: dashed 1px #bbb;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
.column-row-1 li:hover{
    color:#004db3;
    cursor: pointer;
}
.column-row-2{
    grid-area: "bb";
    font-size: 0.75vw;
    list-style-type: none;
    color: #aaa;
}
.column-row-2 li{
    padding-top: 9px;
    padding-bottom: 9px;
    border-bottom: dashed 1px #bbb;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
li::marker{
    color: #b2b2b2;
}
.block{
    height: 80px;
    padding-top: 30px;
    padding-bottom: 40px;
    display: grid;
    grid-template-columns: 292px 292px 292px 280px;
    grid-template-areas: "u v w x";
    text-align: center;
    color: white;
}
.block-1{
    padding-top: 20px;
    height: 100%;
    grid-area: "u";
    margin-right: 13px;
    background-color: #0062AC;
}
.block-1 :hover{
    color: #aadaff;
    cursor: pointer;
}
.block-2{
    padding-top: 20px;
    height: 100%;
    grid-area: "v";
    margin-right: 13px;
    background-color: #24a9e6;
}
.block-2 :hover{
    color: rgb(188, 228, 253);
    cursor: pointer;
}
.block-3{
    padding-top: 20px;
    height: 100%;
    grid-area: "w";
    margin-right: 13px;
    background-color: #f8b62c;
}
.block-3 :hover{
    color: #fae3b0;
    cursor: pointer;
}
.block-4{
    padding-top: 20px;
    height: 100%;
    grid-area: "x";
    background-color: #0ba299;
}
.block-4 :hover{
    color: rgb(174, 221, 250);
    cursor: pointer;
}
.tail{
    width: 100%;
    height: 77px;
    line-height: 77px;
    background: #0062AC;
    font-size: 14px;
    margin-top: 50px;
    margin-bottom: 1px solid #f8b62c;
    color: white;
    text-align:center;
    vertical-align: middle;
}
.bottom{
	height: 5px;
	background: #f8b62c;
}
